import React, { Component } from 'react'
import { Icon } from 'antd-mobile'

export default class InputAddons extends Component {
  render() {
    return (
      <div className={`rt-input-addons-container`}>
        <div className="InputAddOn">
          <input className="InputAddOn-field" />
          <button className="InputAddOn-item"><Icon type="caret-down" /></button>
        </div>

        <div className="InputAddOn">
          <span className="InputAddOn-item"><Icon type="star" /></span>
          <input className="InputAddOn-field" />
        </div>

        <div className="InputAddOn">
          <span className="InputAddOn-item"><Icon type="phone" /></span>
          <input className="InputAddOn-field" />
          <button className="InputAddOn-item"><Icon type="camera-o" /></button>
        </div>
      </div>
    )
  }
}